﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="GoogleMap.aspx.cs" Inherits="GoogleMap" %>

<%@ Register Src="~/UserControl/LoginPage.ascx" TagPrefix="uc1" TagName="LoginPage" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="Content/Google.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div class="google-container">
        <%--左區塊--%>
        <div class="google-left-content">
            <%--搜尋區塊--%>
            <div class="left-search-container">
                <h2>Marker搜尋頁</h2>
                <button type="button" id="btn-add" class="btn btn-success">切換至加入價格</button>
                <input type="hidden" id="TargetLatLng"/>
                <select  class="SelectArea form-control google-select">
                </select>
                <select class="Category form-control google-select">
                    <option value="-1">種類</option>
                </select>
                <select class="Brand form-control google-select">
                    <option value="-1">品牌</option>
                </select>
                <select id="SelectProduct1" class="form-control google-select">
                    <option value="-1">商品</option>
                </select>
                <select class="form-control google-select">
                    <option value="-1">價格</option>
                    <option value="1">5000以下</option>
                    <option value="2">5000-7499</option>
                    <option value="3">7500-9999</option>
                    <option value="4">10000-12499</option>
                    <option value="5">12500-14999</option>
                    <option value="6">15000-17499</option>
                    <option value="7">17500-19999</option>
                    <option value="8">20000-22499</option>
                    <option value="9">22500-24999</option>
                    <option value="10">25000-27499</option>
                    <option value="11">27500-29999</option>
                    <option value="12">30000-32499</option>
                    <option value="13">32500-34999</option>
                    <option value="14">35000以上</option>
                </select>
                <select class="form-control google-select">
                    <option value="-1">天數</option>
                    <option value="1">7日內</option>
                    <option value="2">15日內</option>
                    <option value="3">30日內</option>
                </select>
                <select id="SelectResult" class="form-control google-select">
                    <option value="-1">搜尋結果</option>
                </select>
                <button type="button" id="btn-search-price" class="btn btn-danger">確定</button>
            </div>
            <%--END搜尋區塊--%>
            <%--新增Merker區塊--%>
            <div class="left-add-container">
                <h2>Marker新增頁</h2>
                <button type="button" id="btn-search" class="btn btn-info">切換至查詢價格</button>
                <select  class="SelectArea form-control google-select">
                </select>
                <select class="Category form-control google-select">
                    <option value="-1">種類</option>
                </select>
                <select class="Brand form-control google-select">
                    <option value="-1">品牌</option>
                </select>
                <select id="SelectProduct2" class="form-control google-select">
                    <option value="-1">商品</option>
                </select>
                <input maxlength="6" id="TxtPrice" type="text" class="form-control google-select" placeholder="價格"/>
                <input maxlength="25" type="text"  class="form-control google-select" placeholder="說明" />

                <button type="button" id="btn-add-price" class="btn btn-danger">確定</button>
            </div>
            <%--END新增Merker區塊--%>
        </div>
        <%--END左區塊--%>
        <%--右區塊--%>
        <div class="google-right-content">
            <div class="right-map-container">
                <div id="user_gmap"></div>
            </div>
        </div>
        <%--END右區塊--%>
    </div>
    <uc1:LoginPage runat="server" ID="LoginPage" />
    <%--JS--%>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="Scripts/GoogleMap.js"></script>
    <%--ENDJS--%>
    <%--css--%>
    <style>
        #user_gmap{ width:600px;height:600px; margin:20px auto 0px; border:solid 1px #111; }
        #user_glink {width:600px; text-align:right; font-size:10px; font-weight:normal; padding:0px; height:20px; margin:0px auto;}
        .MapDiv {width:200px;height:200px;}
        </style>
    <%--ENDcss--%>
</asp:Content>


